@for $i from 0 through 500{
  .w-#{$i} {
    width: 1rpx * $i * 2;;
  }
  .h-#{$i} {
    height: 1rpx * $i * 2;;
  }
  .wh-#{$i} {
    width: 1rpx * $i * 2;;
    height: 1rpx * $i * 2;;
  }
  .top-#{$i}{
    top: 1rpx * $i * 2;;
  }
  .bottom-#{$i}{
    bottom: 1rpx * $i * 2;;
  }
  .left-#{$i}{
    left: 1rpx * $i * 2;;
  }
  .right-#{$i}{
    right: 1rpx * $i * 2;;
  }
  .zIndex-#{$i}{
    z-index: $i;
  }

}
@for $i from 0 through 100{
  .radius-#{$i}{
    border-radius: 1rpx * $i * 2;
  }
  .gap-#{$i}{
    gap: 1rpx * $i * 2;;
  }
  .mr-#{$i} {
    margin-right: 1rpx * $i * 2;;
  }
  .ml-#{$i} {
    margin-left: 1rpx * $i * 2;;
  }
  .mt-#{$i} {
    margin-top: 1rpx * $i * 2;;
  }
  .mb-#{$i} {
    margin-bottom: 1rpx * $i * 2;;
  }
  .mx-#{$i} {
    margin-left: 1rpx * $i * 2;;
    margin-right: 1rpx * $i * 2;;
  }
  .my-#{$i}{
    margin-top: 1rpx * $i * 2;;
    margin-bottom: 1rpx * $i * 2;;
  }
  .m-#{$i}{
    margin: 1rpx * $i * 2;;
  }
  .pr-#{$i} {
    padding-right: 1rpx * $i * 2;;
  }
  .pl-#{$i} {
    padding-left: 1rpx * $i * 2;;
  }
  .pt-#{$i} {
    padding-top: 1rpx * $i * 2;;
  }
  .pb-#{$i} {
    padding-bottom: 1rpx * $i * 2;;
  }
  .px-#{$i} {
    padding-right: 1rpx * $i * 2;;
    padding-left: 1rpx * $i * 2;;
  }
  .py-#{$i}{
    padding-top: 1rpx * $i * 2;;
    padding-bottom: 1rpx * $i * 2;;
  }
  .p-#{$i}{
    padding: 1rpx * $i * 2;;
  }
  .line-height-#{$i}{
    line-height: 1rpx * $i * 2;;
  }

}
.w-full{
  width: 100%;
}
.h-full{
  height: 100%;
}

.grid{
  display: grid;
}
//文本溢出省略号
@for $i from 1 through 10 {
  .ellipsis-#{$i} {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $i;
    -webkit-box-orient: vertical;
  }
  .grid-#{$i}{
    display: grid;
    grid-template-columns: repeat($i, 1fr);
  }
}

.flex{
  display: flex;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}

.flex-col{
  display: flex;
  flex-direction: column;
}
.flex-row{
  flex-direction: row;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-center{
  align-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-stretch{
  align-items: stretch;
}
.justify-center{
  justify-content: center;
}
.justify-end{
  justify-content: flex-end;
}
.justify-start{
  justify-content: flex-start;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.justify-evenly{
  justify-content: space-evenly;
}

.flex-1{
  flex:1;
}
.shrink-0{
  flex-shrink: 0;
}

.reactive{
  position: relative;
}
.absolute{
  position: absolute;
}
.border-box{
  box-sizing: border-box;
}

.text-center{
  text-align: center;
}
.text-nowrap{
  white-space: nowrap;
}
.text-28{
  font-size: 56rpx;
}
.text-bold{
  font-weight: bold;
}
.text-24{
  // 用于数据展示、特殊场景
  font-size: 48rpx;

}
.text-18{
  // 用于标题、模块划分
  font-size: 36rpx;
}

.text-16{
  // 用于正文内容
  font-size: 32rpx;
}
.text-14{
  // 用于辅助文字
  font-size: 28rpx;
}
.text-12{
  // 用于提示文字
  font-size: 24rpx;
}

.text-10{
  font-size: 20rpx;
}
.color-white{
  color: #fff;
}
.color-black{
  //主要文字
  color: #333333;
}
.color-gray{
  //次要文字
  color: #666666;
}
.color-tip{
  //提示文字
  color: #999999;
}
.color-primary{
  color:#5db292;
}

.color-warning{
  color:#d2884a
}

.color-nav-text{
  //导航文字
  color: #766A84;

}

.color-total-money{
  color:#FA5151;
}
.text-red{
  color: #FA5151;
}
.bg-card-dark{
  background-color: #F7F7F7;
}

.over-hidden{
  overflow: hidden;
}
.block{
  display: block;
}

.bg-white{
  background: white;
}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4695598 */
  src: url('//at.alicdn.com/t/c/font_4695598_bl5xcl2m91v.woff2?t=1734662135180') format('woff2'),
  url('//at.alicdn.com/t/c/font_4695598_bl5xcl2m91v.woff?t=1734662135180') format('woff'),
  url('//at.alicdn.com/t/c/font_4695598_bl5xcl2m91v.ttf?t=1734662135180') format('truetype');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.text-ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}